{{#if model.replicationAttrs.replicationEnabled}}
  <header class="page-header">
    <div class="level">
      <div class="level-left">
        <h1 class="title is-3" data-test-replication-title=true>
          {{#if (eq replicationMode 'dr')}}
            Disaster Recovery
          {{else if (eq replicationMode 'performance')}}
            Performance
          {{/if}}
          <span class="tag is-light has-text-grey-dark" data-test-replication-mode-display=true>
              {{model.replicationAttrs.modeForUrl}}
          </span>
          {{#if secondaryId}}
            <span class="tag is-light has-text-grey-dark">
              <code>
                {{model.replicationAttrs.secondaryId}}
              </code>
            </span>
          {{/if}}
          <span class="tag is-light">
            <code class="has-text-grey-dark">
              {{model.replicationAttrs.clusterIdDisplay}}
            </code>
          </span>
        </h1>
      </div>
    </div>
  </header>

  <div class="box is-bottomless is-fullwidth is-paddingless is-marginless">
    <nav class="tabs sub-nav">
      <ul>
        <li class="{{if (is-active-route 'vault.cluster.replication.mode.index') 'is-active' ''}}">
          <a href="{{href-to 'vault.cluster.replication.mode' model.name replicationMode }}" data-test-replication-link="details">
            Details
          </a>
        </li>
        <li class="{{if (is-active-route 'vault.cluster.replication.mode.manage') 'is-active' ''}}">
          <a href="{{href-to 'vault.cluster.replication.mode.manage' model.name replicationMode }}" data-test-replication-link="manage">
            Manage
          </a>
        </li>
        {{#if model.replicationAttrs.isPrimary}}
          <li class="{{if (is-active-route 'vault.cluster.replication.mode.secondaries') 'is-active' ''}}">
            <a href="{{href-to 'vault.cluster.replication.mode.secondaries' model.name replicationMode }}" data-test-replication-link="secondaries">
              Secondaries
            </a>
          </li>
        {{/if}}
      </ul>
    </nav>
  </div>
{{/if}}
{{outlet}}
